<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>{{title}}</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no "/>
		<link rel="stylesheet/less" href="index.less" type="text/css"/>
		<script src="less1.js"></script>
		<link rel="stylesheet" type="text/css" href="../wwwroot/bootstrap/css/bootstrap.css"/>		
		
	</head>
	<body>
		<div class="guard">
			
		</div>
		
		<article data-move=false style="overflow: scroll;">
			<header class="article-header">
				<div class="container">
					<button id="slideGear" type="button" class="btn btn-default pull-left">
						<span class="glyphicon glyphicon-align-justify"></span>
					</button>
					<span>{{title}}</span>
					<a  href="search2.html" class="pull-right aStyle">
						<span class="glyphicon glyphicon-search "></span>			
					</a>

				</div>
				
			</header>
			
			<div class="main">
				<section class="container">
					{{each section as data index }}
					<div class="panel panel-default">
						<div class="panel-heading">
							<span class="pull-left">{{data.id}}&nbsp;</span> 
								<span>{{data.num}}</span>
								<span class="pull-right">{{data.date}}</span>
								<span class="pull-right" >{{data.time}}</span>	
						</div>
						<div class="panel-body">
							<div class="list-group-item ">
								
								<div class="list-group-item-heading"  >
									<span class="glyphicon glyphicon-thum
										bs-up pull-right"></span>	
									<p>标题:<span>{{data.title}}</span></p>
									<img class="img-use" {{if !data.imgsrc}} src='{{data.imgsrc}}'{{else}} src="../user/img/user.png" {{/if}} /><span style="font-size: 20px;">:</span>
								</div>
								<div class="list-group-item-text" style="word-wrap: break-word;">
									{{data.content}}
								</div>
								</div>								
							</div>					
						<div class="panel-footer" style="position: relative;height: 30px;">
								<span class="glyphicon glyphicon-comment" style="position: absolute;right: 30px;top: 7px;"></span>
								<span  style="position: absolute;right: 6px;top: 4px;" class="badge">{{data.num}}</span>
						</div>
				</section>			
			</div>
			
		<section >
			<div class="btn-group" id="nav"  >
				<a href="#" class="btn btn-default" ><span class="glyphicon glyphicon-home"></span></a>
				<a href="post.html" class="btn btn-default"><span class="glyphicon glyphicon-plus"></span></a>
				<a href="search2.html" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></a>
			</div>
		</section>
			
		</article>
		
		<aside style="overflow: scroll;display: none;">
			<header>
				<div class="container text-center">
					<a class="pull-left">
						<span class="glyphicon glyphicon-exclamation-sign"></span>
					</a>
					<span>{{slideTitle}}</span>
				</div>
			</header>
			
			
					<div class="panel-heading" >
						
							<!--<button type="button" class="btn btn-default">-->
							
							<div class="input-group" >

								<botton class="input-group-addon">
									<span class="glyphicon glyphicon-search"></span>
								</botton>								
								<input type="search" name="" id="" value="" class="form-control" style="width: 50%;" />
								
							</div>
						
					</div>
					
						
					
					<div class="panel-body">
						<img src="../wwwroot/imgs/join.gif" />
						<ul class="list-group" style="width: 70% ;">
							{{each data as section index }}
							<li class="list-group-item mydropdown liGear">{{section.name}}<span class="glyphicon glyphicon-triangle-right pull-right"></span></li>
							<ul class="list-group my-menu text-center" style="padding-right:50px;display: none;">
								{{each name as name index }}
									<li class="list-group-item"><a href="" style="width: 100%;display: inline-block;">{{name}}</a></li>
									
									
							</ul>	
								
						</ul>
					</div>			
				
				
			</div>
			
			
			<footer>
			
			</footer>
		</aside>
		
	</body>
</html>
<script src="../wwwroot/libs/jquery.js" type="text/javascript" charset="utf-8"></script>
<script src="../wwwroot/bootstrap/js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
<script src="../wwwroot/scripts/index.js" type="text/javascript" charset="utf-8"></script>
